<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>哒啦啦</title>
    <script src="dist/js/npm.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="dist/css/index.css">
</head>
<body>
<div class="aside">
    <div class="admin text-center">
        <img class="img-circle" src="./dist/images/be096b63f6246b60f2f3c6d7e1f81a4c500fa290.jpg" alt="">
        <span class="h5">天外飞仙</span>
    </div>
    <div class="list">
        <ul class="list-unstyled">
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;等你</a></li>
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;在雨中</a></li>
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;在在造虹的雨中</a></li>
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;等你</a></li>
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;在时间之外<span class="glyphicon glyphicon-chevron-right pull-right text-center"></span></span></a></li>
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;等你</a>
                <ul class="list-unstyled">
                    <li><a href="javascript:;">尤其是隔着</a></li>
                    <li><a href="javascript:;">这样的黄昏</a></li>
                    <li><a href="javascript:;">这样的夜</a></li>
                </ul>
            </li>
            <li><a href="javascript:;"><span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;在时间之内</a></li>

        </ul>
    </div>
</div>
<!--主体内容-->
<div class="main">
    <!--顶部导航-->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Brand</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><span class="glyphicon glyphicon-piggy-bank"></span>个人中心</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-piggy-bank"></span>退出</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" role="button"><span class="glyphicon glyphicon-grain"></span></a>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!--杂碎-->
    <ol class="breadcrumb">
        <li><a href="#">用户管理</a></li>
        <li class="active">用户列表</li>
    </ol>
    <!-- Split button -->

    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Action <span class="caret"></span>
        </button>
    </div>
    <!--表格-->
    <table class="table table-striped table-bordered text-center">
        <thead>
        <tr class="text-center">
            <th class="text-center">时维九月</th>
            <th class="text-center">序属三秋</th>
            <th class="text-center">潦水尽而寒潭清</th>
            <th class="text-center">烟光凝而暮山紫</th>
            <th class="text-center">俨傪腓于上路</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>嗟乎</td>
            <td>时运不济</td>
            <td>命途多舛</td>
            <td>冯唐易老</td>
            <td>李广难封</td>
        </tr>
        <tr>
            <td>嗟乎</td>
            <td>时运不济</td>
            <td>命途多舛</td>
            <td>冯唐易老</td>
            <td>李广难封</td>
        </tr>  <tr>
            <td>嗟乎</td>
            <td>时运不济</td>
            <td>命途多舛</td>
            <td>冯唐易老</td>
            <td>李广难封</td>
        </tr>  <tr>
            <td>嗟乎</td>
            <td>时运不济</td>
            <td>命途多舛</td>
            <td>冯唐易老</td>
            <td>李广难封</td>
        </tr>  <tr>
            <td>嗟乎</td>
            <td>时运不济</td>
            <td>命途多舛</td>
            <td>冯唐易老</td>
            <td>李广难封</td>
        </tr>  <tr>
            <td>嗟乎</td>
            <td>时运不济</td>
            <td>命途多舛</td>
            <td>冯唐易老</td>
            <td>李广难封</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>